<template>
  <BasicModal @register="register" title="社团活动" :helpMessage="['提示1', '提示2']" 
  @ok="handleCancel"    @cancel="handleCancel">
    <a-list size="small" :pagination="false" :locale="{ emptyText: '啥都木有' }">
              <template v-for="(item, index) in props.info" :key="item.id">
                <a-list-item >
                  <!-- <a-list-item-meta>
                    <template #description> -->
                      {{ index + 1 }}:
                    社团活动：{{ item.ClubActivities }}
                    日期：{{ item.time }}
                    人数：{{ item.man }}
                      <a-button type="error" @click="handelClick(index)">删除</a-button>
                      <!-- <br/> -->
                    <!-- </template>
                  </a-list-item-meta> -->
                </a-list-item>
              </template>
            </a-list>

  </BasicModal>
</template>
<!-- societyActivityValue -->
<script lang="ts" setup>
import { List as AList, ListItem as AListItem} from 'ant-design-vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import {defineProps,inject } from 'vue'
const props = defineProps({
  //子组件接收父组件传递过来的值
  info:null,
})
const [register, { closeModal }] = useModalInner();
function handleCancel() {
  closeModal();
}
const handelClick:any = inject("delSocietyActivity")

</script>
